var Info = Vue.component('info', {
    data() {
        return {
            editStatus: true // 是否可编辑判断
        }
    },

    template: `<div class="info__box">
                    <div class="info__con">
                        <h3 class="index__title info__title">公司信息</h3>
                        <div :class="['index__info', {input__border: !editStatus}]">
                            <div class="info__list">
                                <span>公司名称：</span>
                                <input placeholder="" value="亚瑟" :disabled="editStatus">
                            </div>
                            <div class="info__list">
                                <span>业务类型：</span>
                                <input placeholder="" value="凯皇" :disabled="editStatus">
                            </div>
                            <div class="info__list">
                                <span>公司座机：</span>
                                <input placeholder="" value="666666" :disabled="editStatus">
                            </div>
                            <div class="info__list info__age">
                                <span>年龄范围：</span>
                                <input placeholder="" value="10" :disabled="editStatus">
                                —
                                <input placeholder="" value="65" :disabled="editStatus">
                            </div>
                            <div class="info__list">
                                <span>公司传真：</span>
                                <input placeholder="" value="666666" :disabled="editStatus">
                            </div>
                            <div class="info__list">
                                <span>坐标：</span>
                                <input placeholder="" value="666666" :disabled="editStatus">
                            </div>
                            <div class="info__list">
                                <span>公司地址：</span>
                                <input placeholder="" value="666666" :disabled="editStatus">
                            </div>
                            <div class="info__list">
                                <span>公司介绍：</span>
                                <input placeholder="" value="666666" :disabled="editStatus">
                            </div>
                            <div class="info__list">
                                <span>公司所在地：</span>
                                <input placeholder="" value="666666" :disabled="editStatus">
                            </div>
                            <div class="info__list">
                                <span>客户满意度：</span>
                                <input placeholder="" value="666666" :disabled="editStatus">
                            </div>
                            <div class="info__list">
                                <span>品质合格率：</span>
                                <input placeholder="" value="666666" :disabled="editStatus">
                            </div>
                            <div class="info__list">
                                <span>合同履行率：</span>
                                <input placeholder="" value="666666" :disabled="editStatus">
                            </div>
                        </div>
                        <div class="common__btn">
                            <div class="common__btn__box">
                                <span class="common__btn__sure" v-show="editStatus" @click="setEditFun">编辑</span>
                                <span class="common__btn__close" v-show="!editStatus" @click="setCancelFun">取消</span>
                                <span class="common__btn__sure" v-show="!editStatus" @click="setInfoFun">保存设置</span>
                            </div>
                        </div>
                    </div>
                </div>`,

    methods: {
        setEditFun: function () {  // 编辑
            this.editStatus = !this.editStatus
        },
        setCancelFun: function () { // 取消
            this.editStatus = !this.editStatus
        },
        setInfoFun: function () { // 保存设置
            this.editStatus = !this.editStatus
        }
    },

    mounted() {
        
    },

    created() {
        
    },

})